<!DOCTYPE html>
<html         xmlns="http://www.w3.org/1999/xhtml"
              xmlns:th="http://www.thymeleaf.org"
              lang="en" xmlns:layout="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>食哩哩售货机管理系统</title>
    <link rel="stylesheet" href="/admin/layui/css/layui.css" media="all">
</head>
<style>
    .rightmenu { position: absolute; width: 80px; z-index: 9999; display: none; background-color: #fff; padding: 2px; color: #333; border: 1px solid #eee; border-radius: 2px; cursor: pointer; }
    .rightmenu li { text-align: center; display: block; height: 25px; line-height: 25px; }
    .rightmenu li:hover { background-color: #666; color: #fff; }
    dd{
        padding-left: 50px;
    }
    .layui-nav-item > a{
        padding-left: 45px !important;
    }
    .layui-nav-item > a > i{
        position: relative;left: -16px;
    }
    dd > a > i{
        position: relative;left: -16px;
    }
</style>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <div class="layui-header">
        <div class="layui-logo">食哩哩售货机后台</div>
        <!-- 头部区域（可配合layui已有的水平导航） -->
        <!--<ul class="layui-nav layui-layout-left">
            <li class="layui-nav-item"><a href="">控制台</a></li>
            <li class="layui-nav-item"><a href="">商品管理</a></li>
            <li class="layui-nav-item"><a href="">用户</a></li>
            <li class="layui-nav-item">
                <a href="javascript:;">其它系统</a>
                <dl class="layui-nav-child">
                    <dd><a href="">邮件管理</a></dd>
                    <dd><a href="">消息管理</a></dd>
                    <dd><a href="">授权管理</a></dd>
                </dl>
            </li>
        </ul>-->
        <ul class="layui-nav layui-layout-right">
            <li class="layui-nav-item">
                <a href="javascript:;">
                    <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
                    <span id="userName" th:text="${userInfo.userName}"></span>
                </a>
                <!--<dl class="layui-nav-child">-->
                    <!--<dd><a href="">基本资料</a></dd>-->
                    <!--<dd><a id="cleanUserId" href="javascript:;">注销用户</a></dd>-->
                <!--</dl>-->
            </li>
            <li class="layui-nav-item"><a href="javascript:;" id="loginOut">退出系统</a></li>
        </ul>
    </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
            <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
            <ul class="layui-nav layui-nav-tree"  lay-filter="left-menu">
                <li class="layui-nav-item layui-nav-itemed">
                    <a class="" href="javascript:;"><i class="layui-icon layui-icon-user"></i>分销员</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="tab-menu-item" tab-title="分销员" tab-url="/admin/distributionMember" tab-id="tab-one">
                            <i class="layui-icon layui-icon-username"></i>分销员</a></dd>
                        <!--<dd><a href="javascript:;" class="tab-menu-item" tab-title="扫码购" tab-url="http://www.hao123.com" tab-id="tab-two">-->
                            <!--<i class="layui-icon layui-icon-tabs"></i>扫码购</a></dd>-->
                    </dl>
                </li>
                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-cart"></i>零售商品</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="tab-menu-item" tab-title="商品总览" tab-url="/admin/getAllProduct" tab-id="tab2-one">
                            <i class="layui-icon layui-icon-component"></i>商品总览</a></dd>
                        <!--<dd><a href="javascript:;"><i class="layui-icon layui-icon-align-right"></i>列表二</a></dd>-->
                    </dl>
                </li>

                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-diamond"></i>售货机</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="tab-menu-item" tab-title="售货机列表" tab-url="/admin/getAllMachine" tab-id="tab3-one">
                            <i class="layui-icon layui-icon-set-fill"></i>售货机列表</a></dd>
                        <!--<dd><a href="javascript:;"><i class="layui-icon layui-icon-util"></i>故障报修</a></dd>-->
                    </dl>
                </li>

                <li class="layui-nav-item">
                    <a href="javascript:;"><i class="layui-icon layui-icon-diamond"></i>订单管理</a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" class="tab-menu-item" tab-title="订单列表" tab-url="/admin/getAllTrades" tab-id="tab4-one">
                            <i class="layui-icon layui-icon-align-right"></i>订单列表</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item" id="exhibitGood">
                    <a href="javascript:;"><i class="layui-icon layui-icon-component"></i>商品上货</a>
                </li>
            </ul>
        </div>
    </div>

    <div class="layui-body" style="bottom: 0">
        <!-- 内容固定区域 -->
        <div class="layui-tab layui-tab-brief" lay-filter="tabId" lay-allowClose="true">
            <ul class="layui-tab-title">
            </ul>

            <ul class="rightmenu" style="display: none;position: absolute;">
                <li data-type="closethis">关闭当前</li>
                <li data-type="closeall">关闭所有</li>
            </ul>

            <div class="layui-tab-content">
            </div>
        </div>

    </div>

    <div class="layui-footer" style="text-align: center">
        <!-- 底部固定区域 -->
        © 食哩哩售货机管理系统
    </div>
</div>
<script src="/admin/layui/layui.js"></script>
<script>
    /*layui.use('element', function(){
        var element = layui.element;

    });*/

    layui.config({
        base: '/common/'    //你存放新模块的目录，注意，不是layui的模块目录
        , version: '1.0.0'
        , debug: true
    }).use('main');
</script>
</body>
</html>